<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
<title>虚拟订单</title>
<link rel="stylesheet" type="text/css" href="../../css/base.css">
<link rel="stylesheet" type="text/css" href="../../css/nctouch_member.css">
<link rel="stylesheet" type="text/css" href="../../css/nctouch_common.css">
<link rel="stylesheet" type="text/css" href="../../css/nctouch_cart.css">
<style type="text/css">
.vr_btn {
	background: #36BC9B;
    border: 1px solid #36BC9B;
    border-radius: 0.15rem;
    color: #fff;
	float: right;
	margin: 0.4rem 0.4rem 0 0;
    display: inline-block;
    font-size: 0.6rem;
    height: 1.1rem;
    line-height: 1.1rem;
    padding: 0 0.3rem;
    text-align: center;
}
</style>
</head>
<body>
<header id="header" class="fixed">
  <div class="header-wrap">
    <div class="header-l"> <a href="javascript:history.go(-1)"> <i class="back"></i> </a> </div>
    <span class="header-tab"><a href="store_orders_list.html">实物订单</a><a href="javascript:void(0);" class="cur">虚拟订单</a></span>
    <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
  </div>
  <div class="nctouch-nav-layout">
    <div class="nctouch-nav-menu"> <span class="arrow"></span>
		<ul>
			<li><a href="seller.html"><i class="home"></i>商家中心</a></li>
			<li><a href="seller_address_list.html"><i class="send"></i>发货地址</a></li>
			<li><a href="seller_express.html"><i class="express"></i>物流公司</a></li>
			<li><a href="seller_account.html"><i class="store"></i>店铺设置<sup></sup></a></li>
			<li><a href="chat_list.html"><i class="message"></i>IM 客服<sup></sup></a></li>
			<li id="logoutbtn"><a href="javascript:void(0);"><i class="exit"></i>退出登录<sup></sup></a></li>
		</ul>
    </div>
  </div>
</header>
<div class="nctouch-main-layout">
  <div class="nctouch-order-search">
    <form>
      <span><input type="text" autocomplete="on" maxlength="50" placeholder="输入商品标题或订单号进行搜索" name="order_key" id="order_key" oninput="writeClear($(this));" >
      <span class="input-del"></span></span>
      <input type="button" id="search_btn" value="&nbsp;">
    </form>
  </div>
  <div id="fixed_nav" class="nctouch-single-nav">
    <ul id="filtrate_ul" class="w20h"> 
	      <span style="position: relative"><a href="seller_exchange.html" class="vr_btn">兑换</a></span> 
      <li class="selected"><a href="javascript:void(0);" data-state="state_new">待付款</a></li> 
      <li><a href="javascript:void(0);" data-state="state_pay">已付款</a></li> 
      <li><a href="javascript:void(0);" data-state="state_success">已完成</a></li> 
    </ul>
  </div>
  <div class="nctouch-order-list">
    <ul id="order-list">
    </ul>
  </div>
</div>
<div class="fix-block-r">
	<a href="javascript:void(0);" class="gotop-btn gotop hide" id="goTopBtn"><i></i></a>
</div>
<footer id="footer" class="bottom"></footer>
<script type="text/html" id="order-list-tmpl">
<div class="order-list">
	<%
		var orderlist = datas.order_list;
	%>
    <% if (orderlist.length > 0) { %>
	<ul>
		<li class="green-order-skin mt10">
			<%  
			 for (j in orderlist){	 
				 var order_goods = orderlist[j].goods_list;
			%>
				<div class="nctouch-order-item">
					<div class="nctouch-order-item-head">
						 
					 <a class="store">单号:<%=orderlist[j].order_sn%></a>
						 
						<span class="state">
							 
							<span class="<%=stateClass%>"><%=$getLocalTime(orderlist[j].add_time)%></span>
						</span>
					</div>
					<div class="nctouch-order-item-con">
						<div class="goods-block">
<a href="<%=WapSiteUrl%>/tmpl/seller/seller_order_detail.html?order_id=<%=orderlist[j].order_id%>">
							<div class="goods-pic">
								<img src="<%=orderlist[j].goods_image_url%>"/>
							</div>
							<dl class="goods-info">
								<dt class="goods-name"><%=orderlist[j].goods_name%></dt>
								<dd class="goods-type">买家:<%=orderlist[j].buyer_name%></dd> 
							</dl>
							<div class="goods-subtotal">
								<span class="goods-price">￥<em><%=orderlist[j].goods_price%></em></span>
								<span class="goods-num">x<%=orderlist[j].goods_num%></span>
							</div>
		</a>				
						</div>
						
						 
					</div>
					<div class="nctouch-order-item-footer">
						<div class="store-totle">
							<%=orderlist[j].payment_name%><span>共<em><%=orderlist[j].goods_num%></em>件商品，合计</span><span class="sum">￥<em><%=orderlist[j].order_amount%></em></span>
						</div>    
						<div class="handle"> 
							<a href="javascript:void(0)" class="btn"><%=orderlist[j].state_desc%></a> 
							<%if(orderlist[j].if_lock){%>
							<p>退款/退货中...</p>
							<%}%>
							<%if(orderlist[j].if_cancel){%>
							<a href="javascript:void(0)" order_id="<%=orderlist[j].order_id%>" order_sn="<%=orderlist[j].order_sn%>" class="btn key cancel-order">取消订单</a>
							<%}%>
						</div>
					</div>
				</div>
			<%}%>
			 
		</li> 
	<% if (hasmore) {%>
	<li class="loading"><div class="spinner"><i></i></div>订单数据读取中...</li>
	<% } %>
		</ul>
	<% } else { %>
    <div class="nctouch-norecord order">
					<div class="norecord-ico"><i></i></div>
					<dl>
                    	<dt>还没有相关的订单</dt>
						<dd>可以去看看哪些想要买的</dd>
					</dl>
					<a href="<%=WapSiteUrl%>/seller/seller.html" class="btn">商家首页</a>
                </div>
	<% } %>
</div>
 
</script>
<script type="text/javascript" src="../../js/zepto.min.js"></script> 
<script type="text/javascript" src="../../js/template.js"></script> 
<script type="text/javascript" src="../../js/config.js"></script> 
<script type="text/javascript" src="../../js/common-seller.js"></script> 
<script type="text/javascript" src="../../js/simple-plugin.js"></script> 
<script type="text/javascript" src="../../js/zepto.waypoints.js"></script> 
<script type="text/javascript" src="../../js/tmpl/seller/seller_vr_order_list.js"></script>
</body>
</html>
